<div class="container-fluid" style="margin: 0px 15px 0px 15px;">
<ol class="breadcrumb">
  <li><a href="<?php echo base_url('/index.php/inicio');?>">Início</a></li>
  <li><a href="<?php echo base_url('index.php/partes/');?>">Parte</a></li>
  <li class="active">Novo</li>
</ol>
			<fieldset>
			<legend>Cadastro Parte</legend>
			<form class="form-horizontal" role="form" id="form" >
				<div class="form-group">
					<label for="" class="col-sm-2 control-label">Pessoa</label>
					<div class="col-sm-2">
						<?php 
							$tipo = array(''=>'', 'F'=>'Pessoa Física','J'=>'Pessoa Jurídica');
							echo form_dropdown('tipo',$tipo,'','class="form-control input-sm" id="tipo"');
						?>
					</div>
					<div class="col-sm-2 control-label" style="text-align:left;color:red;">
					<?php echo form_error('tipo');?>	
					</div>	
				</div>
				<div class="form-group">
				<label for="" class="col-sm-2 control-label">CPF/CNPJ</label>
				<div class="col-sm-2">
					<?php 
						$data = array('name'=> 'cpf_cnpj','id'=> 'cpf_cnpj','value'=> @$parte->cpfcnpj,'placeholder'=> 'CPF','class'=> 'form-control input-sm');
						echo form_input($data);
					?>
				</div>
				</div>
				<div class="form-group">
				<label for="" class="col-sm-2 control-label">Nome</label>
				<div class="col-sm-4">
					<?php 
						$data = array('name'=> 'nome_parte','id'=> 'nome_parte','value'=> @$parte->nome_parte,'placeholder'=> 'Nome da Parte','class'=> 'form-control input-sm');
						echo form_input($data);
						
					?>
				</div>
				<div class="col-sm-2 control-label" style="text-align:left;color:red;">
				<?php echo form_error('nome_parte');?>	
				</div>	
				</div>
				<div class="form-group">
				<label for="" class="col-sm-2 control-label">Cargo</label>
				<div class="col-sm-3">
					<?php 
						$data = array('name'=> 'cargo','id'=> 'cargo','value'=> @$parte->cargo,'placeholder'=> 'Cargo','class'=> 'form-control input-sm');
						echo form_input($data);
					?>
				</div>
				</div>
				
				<div class="form-group">
				<label for="" class="col-sm-2 control-label">Endereco</label>
				<div class="col-sm-5">
					<?php 
						$data = array('name'=> 'endereco','id'=> 'endereco','value'=> @$parte->endereco,'placeholder'=> 'endereco','class'=> 'form-control input-sm');
						echo form_input($data);
					?>
				</div>
				</div>
				<div class="form-group">
				<label for="" class="col-sm-2 control-label">Cidade</label>
				<div class="col-sm-3">
					<?php 
						$data = array('name'=> 'cidade','id'=> 'cidade','value'=> @$parte->cidade,'placeholder'=> 'Cidade','class'=> 'form-control input-sm');
						echo form_input($data);
						
					?>
					
				</div>
				</div>
				<div class="form-group">
					<label for="" class="col-sm-2 control-label">Estado</label>
					<div class="col-sm-2">
						<?php 
							$estados = array('AC'=>'Acre',
										'AL'=>'Alagoas',
										'AM'=>'Amazonas',
										'AP'=>'Amapá',
										'BA'=>'Bahia',
										'CE'=>'Ceará',
										'DF'=>'Distrito Federal',
										'ES'=>'Espirito Santo',
										'GO'=>'Goiás',
										'MA'=>'Maranhão',
										'MG'=>'Minas Gerais',
										'MS'=>'Mato Grosso do Sul',
										'MT'=>'Mato Grosso',
										'PA'=>'Pará',
										'PB'=>'Paraíba',
										'PE'=>'Pernambuco',
										'PI'=>'Piauí',
										'PR'=>'Paraná',
										'RJ'=>'Rio de Janeiro',
										'RN'=>'Rio Grande do Norte',
										'RO'=>'Rondônia',
										'RR'=>'Roraima',
										'RS'=>'Rio Grande do Sul',
										'SC'=>'Santa Catarina',
										'SE'=>'Sergipe',
										'SP'=>'São Paulo',
										'TO'=>'Tocantins'
										);
							echo form_dropdown('estado',$estados,'PR',' class="form-control input-sm" id="estado"');
						?>
					</div>
					<div class="col-sm-2 control-label" style="text-align:left;color:red;">
					<?php echo form_error('tipo');?>	
					</div>	
				</div>
				<div class="form-group">
				<label for="" class="col-sm-2 control-label">Telefone</label>
				<div class="col-sm-2">
					<?php 
						$data = array('name'=> 'telefone','id'=> 'telefone','value'=> @$parte->telefone,'placeholder'=> 'Telefone','class'=> 'form-control input-sm');
						echo form_input($data);
					?>
				</div>
				</div>
			
				<div class="form-group">
				<label for="" class="col-sm-2 control-label">Descrição</label>
				<div class="col-sm-4">
					<?php 
						$data = array('name'=> 'descricao','id'=> 'descricao','placeholder'=> 'Descrição','class'=> 'form-control input-sm', 'value'=> @$parte->descricao,'rows'=>'3' );
						echo form_textarea($data);
					?>
				</div>
				</div>  
				<div class="form-group">
					<div class="col-sm-offset-2 col-sm-10">
					<?php 
						$data = array('name'=>'salvar','type' => 'submit','class' => 'btn btn-primary','content' =>'Salvar');
						echo form_button($data);
						//$data = array('name'=>'cancelar','type' => 'cancel','class' => 'btn btn-default','content' => 'Cancelar');
						//echo form_button($data);
						
					?>
						<a id="cancelar" href="<?php echo base_url('/index.php/partes/');?>" class="btn btn-default"></span>Cancelar</a>
					</div>
				</div>
				</form>
				
			</fieldset>
		<div id="retorno"></div>
		</div>
		<script>
			$(document).ready(function(){
				$('#tipo').focus();
				var maskBehavior = function (val) {
					return val.replace(/\D/g, '').length === 11 ? '(00) 00000-0000' : '(00) 0000-00009';
				},
				options = {onKeyPress: function(val, e, field, options) {
						field.mask(maskBehavior.apply({}, arguments), options);
					}
				};
				//$("#telefone").mask('(99) 9999-9999');
				$("#telefone").mask(maskBehavior, options);
				$("#form").validate({
					rules: {
						tipo: "required",
						nome_parte: "required",
						cpf_cnpj: { 
							required: true, 
							remote:'<?php echo base_url('index.php/partes/validaCpfCnpj');?>'
						},
					},
					messages: {
						tipo: "Campo requerido",
						nome_parte: "Campo requerido",
						cpf_cnpj: { required: 'Campo requerido', remote: ' Parte já cadastrada!' },
					},
					submitHandler: function(form){
						var dados = $('#form').serialize();
						$.ajax({
								type: "POST",
								url: "<?php echo base_url('index.php/partes/salvar');?>",
								data: dados,
								success: function( data )
								{
									$("html, body").animate({ scrollTop: $(document).height() }, "slow");
									if(data === 'OK'){
										
										$('#retorno').html('<div class="alert alert-success" role="alert">CADASTRO EFETUADO COM SUCESSO</div>');
										setTimeout(function() {
											$('#retorno').html('');
										}, 2000);
										$('#tipo').val('');
										$('#cpf_cnpj').val('');
										$('#nome_parte').val('');
										$('#cargo').val('');
										$('#endereco').val('');
										$('#cidade').val('');
										$('#telefone').val('');
										$('#descricao').val('');
										
										$('#tipo').focus();
									}else{
										
										$('#retorno').html(data);
									}
								}
						});
						return false;
					}
				});
			   $("#tipo").change(function(){
					 $('input[name=cpf_cnpj]').unmask();//Remove a mascara
					 if($(this).val()=="F"){//Acaso seja CPF
							$("input[name=cpf_cnpj]").mask("999.999.999-99");
							$("input[name=cpf_cnpj]").attr("placeholder","CPF");
					 } else {//Acaso seja Cnpj
							$("input[name=cpf_cnpj]").mask("99.999.999/9999-99");
							$("input[name=cpf_cnpj]").attr("placeholder","CNPJ");
					 }
			   })
			});
</script>
	</body>
</html>